iT邦幫忙

2021 iThome 鐵人賽

DAY 21
0
Mobile Development

30天零負擔輕鬆學會製作APP介面及設計系列 第 21

30天零負擔輕鬆學會製作APP介面及設計【DAY 21】

  • 分享至 

  • xImage
  •  

大家好,我是YIYI,今天我要來製做設定頁面。

從哪裡可以進入設定頁面呢?

點擊LIST的設定~如下圖
https://ithelp.ithome.com.tw/upload/images/20210930/201409794JYM4u8NzA.png

設定頁面

這邊我設計的上一頁是預設跳回HOMEPAGE,下方工具列跳轉的對應頁面和前面的都一樣~
因為後來文字我都是用PHOTOPEA放上去的,所以WHIMSICAL拉完看到的圖會是沒有文字的。
初始圖用WHIMSICAL拉出來是長這個樣子~如下圖
https://ithelp.ithome.com.tw/upload/images/20210930/201409794QbYndl3sF.png
那在設定這邊我設置的是提醒的開關、提醒的時間、體重單位、身高單位、密碼開關、以及版本。
日記、記帳、體重的體醒開關以及密碼都是使用WHIMSICAL的TOGGLE拉出來的,這是一個常見的開關按鈕。
時間是使用WHIMSICAL的DROPDOWN,這是一個下拉式的選單,我想的是每個整點都是一個選項。
體重、身高的單位按鈕則是使用WHIMSICAL的HORIZONTAL TABS,被點到的BUTTON會發亮。
https://ithelp.ithome.com.tw/upload/images/20210930/20140979UNDDiPwzdR.png
到目前為止已經將所有頁面製作完成了~/images/emoticon/emoticon42.gif

今天就到這邊,謝謝大家的閱讀/images/emoticon/emoticon29.gif


上一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 20】
下一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 22】
系列文
30天零負擔輕鬆學會製作APP介面及設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言